<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<link rel="stylesheet" type="text/css" href="/css/base.css" media="screen" />
<link rel="stylesheet" type="text/css" href="/css/common.css" media="screen" />
<link rel="stylesheet" type="text/css" href="/css/content.css" media="screen" />

<link rel="stylesheet" type="text/css" href="/js/jqgrid/css/jquery-ui-1.10.3.custom.css" media="screen" />
<link rel="stylesheet" type="text/css" href="/js/jqgrid/css/ui.jqgrid.css" media="screen" />


<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>  
<script type="text/javascript">  
if (typeof jQuery == 'undefined')  
{  
    document.write(unescape("%3Cscript src='/js/jquery-1.10.2.js' type='text/javascript'%3E%3C/script%3E"));  
}  
</script> 
<!-- script type="text/javascript" src="/js/jquery-1.10.2.js"></script-->
<script type="text/javascript" src="/js/jquery.motionj.flashNews.js"></script>
<script type="text/javascript" src="/js/jqgrid/js/jquery.jqGrid.src.js"></script>
<!-- link rel="stylesheet" type="text/css" href="/js/jqgrid/src/css/ui.jqgrid.css" media="screen" />
<script type="text/javascript" src="/js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="/js/jqgrid/src/i18n/grid.locale-kr.js"></script>
<script type="text/javascript" src="/js/jqgrid/src/jquery.jqGrid.js"></script-->
 
<script type="text/javascript">
<!--

/* ******************************************************************
*  이벤 트 함수
* ****************************************************************** */

/* ******************************************************************
*   window_onload 이벤트
* ****************************************************************** */
$(document).ready(function(){


	//처음 페이지 로딩
	Init();
	

	
});

/* ******************************************************************
*  그리드 디자인 및 이벤트
* ****************************************************************** */
/* ===========================
 * 그리드 디자인 및 데이터 바인딩
 * =========================== */
function drawGrid () {

	$("#gridList").jqGrid("GridUnload");			// 리드 초기화
	$("#gridList").clearGridData();			// 리드 초기화

	$("#gridList").jqGrid({							//gridList 테이블에 jqgrid
    	datatype: "local",							//json 방식으로 가져온다
        //mtype: "GET",
        //height: "auto",
        //autowidth: false,
        //shrinkToFit:false,
        //width: "300",
    	// 이 구문이 있어야 JSON 데이터를 받아온다.
    	/*
        height: "auto",
        rownumbers: true, // 행번호 사용여부
        //toolbar : [true,"top"],
        scroll: 1,
        rowNum: 2,
        viewrecords:true,						//총 레코드의 수를 표시할지 여부
        multiselect: false,						//select box를 추가할지 여부
        loadonce:true,							//서버에서 데이터를 한번만 로그
        */
        //width: 749,
    	height: 175,
      	rowNum:100,          //검색 row 개수
      	//forceFit:true, // 가로스크롤
      	shrinkToFit:false,  //우측스크롤바 위의 조그만 공간 없애고 거기까지 width채움  // 가로스크롤
      	//rownumbers:true,       //맨앞에 줄번호 보이기 여부
        //rownumWidth:20,        //줄번호의 width      
		autowidth: true,	
		//rowTotal : -1,
    	//caption: "Invoice Header",
    	//multiselect: true,
    	//multiboxonly: true,
       	//pager: '#pager7',
    	//jsonReader: {repeatitems:false,ID:"ID",root:function(obj) {return obj;}},
    	loadonce:true ,
 		loadtext:'Loading...', 
    	emptyrecords:'데이터가 존재하지 않습니다',
    	colNames:['글번호','한줄공지','사용여부','등록일자','등록시간'],
    	
        colModel:[
            {name:'seq'       ,index:'seq'     ,align:"center", width:"50px"},
            {name:'notice_msg'       ,index:'notice_msg'     ,align:"center", width:"550px"},
            {name:'use_yn'       ,index:'use_yn'     ,align:"center", width:"50px"},
            {name:'reg_dt'        ,index:'reg_dt'      ,align:"center", width:"100px"},
            {name:'reg_tm'        ,index:'reg_tm'   ,align:"center", width:"105px"}
            
        ]
			
    });
	

}

/* ******************************************************************
*  사용자 정의 함수
* ****************************************************************** */
/* ===========================
 * 화면초기화
 * =========================== */
function Init(){

	drawGrid ();		// 그리드 셋팅
	

}



$(function() {

		
	
	/* ===========================
	 * 조회 버튼 클릭 이벤트
	 * =========================== */
	$("#btn_Srch").click(function()
	{
		getCrttList();
	});
	
	
	/* ===========================
	 * 초기화 버튼 클릭 이벤트
	 * =========================== */	
	$("#btnNew").click( function() {

		$("#use_yn").val("Y");
		$("#seq").val("");
		$("#notice_msg").val("");
	});
	
	/* ===========================
	 * 저장 버튼 클릭 이벤트
	 * =========================== */	
	$("#btnSave").click( function() {
		var postUrl = "";
		if(isNull($("#seq").val()))
		{
			postUrl = "ddong0020.setNoticeMsg";
		}else
		{
			postUrl = "ddong0020.modNoticeMsg";
		}
		
		var arg = { use_yn : $("#use_yn"  ).val()   // 글 번호
				   ,notice_msg  : $("#notice_msg"   ).val()   // 고객 번호
				   ,seq:$("#seq").val()
			      };
		
		 $.ajax({
			  type:'POST'
			  ,url:"/test/daum/ddongs/"+postUrl
			  ,data:arg
			  ,async:false
			  ,dataType:"html"
			  ,success:function(data,textStatus) {

				alert("처리 되었습니다.");
				
				// 리스트 재조회
				getCrttList();
				
			  }
		 	  ,error:function(error) {
		 		  
				alert("오류발생:"+error);

			  }
			 });
		 
	});
	
	/* ===========================
	 * 삭제 버튼 클릭 이벤트
	 * =========================== */	
	$("#btnDel").click( function() {
		
		if(isNull($("#seq"  ).val()))
		{	
			var sMsg = "삭제할 내용을 선택해 주십시오.";
			
			alert(sMsg);
			return;
		}		

		var sMsg = "[글번호:"+$("#seq"  ).val()+"] 삭제하시겠습니까?";
		
		if (!confirm(sMsg))
		{
			return;
		}
		
		var arg = { seq : $("#seq"  ).val()
			      };
		
		 $.ajax({
			  type:'POST'
			  ,url:"/test/daum/ddongs/ddong0020.delNoticeMsg"
			  ,data:arg
			  ,async:false
			  ,dataType:"html"
			  ,success:function(data,textStatus) {

				alert("처리 되었습니다.");
				
				// 리스트 재조회
				getCrttList();
				
			  }
		 	  ,error:function(error) {
		 		  
				alert("오류발생:"+error);

			  }
			 });
		 
	});	
	
	

	
});
/* ************************************************************************** 
입력 : obj 	= 채크할 개체  
기능 : null, undefined, 공백, length 체크  
************************************************************************** */
function isNull(obj) {
    if((!obj && obj !== false) || !(obj.length > 0)) {
        return true;
    }
    return false;
}
/* ===========================
 * 그리드 데이터 바인딩
 * =========================== */
function getCrttList () {

	$.getJSON("/test/daum/ddongs/ddong0010.getNoticeMsg"
			,{ seq  : " "   // 
		     }
			,function (resultJson) {
				

				$("#gridList").clearGridData();			// 리드 초기화
			    $("#gridList").jqGrid('setGridParam',{							//gridList 테이블에 jqgrid
			    	data: resultJson,
			    	datatype: "local",							//json 방식으로 가져온다

			        loadError:function(xhr, status, error){	//데이터가 없을경우 출력
						alert("데이터 로드에 실패 했습니다. 다시 시도하시기 바랍니다.");
					},
					loadComplete: function(data) {

						var rowCnt = $("#gridList").getDataIDs().length;
						
						if(rowCnt < 1){
							alert("조회된 내용이 없습니다.");
							return;							
						}


						
					},
					ondblClickRow: function(rowid, iRow, iCol, e){ 

						//alert("그리드 더블 클릭 이벤트 호출입니다.");
						
					},

					onSelectRow: function(rowid){

						ret = $("#gridList").jqGrid('getRowData',rowid);
						//$("#gridList").jqGrid('setRowData',ret.crnc_pctr_no,{rrv_tm:"<font color='red'>Row 13 is updated!</font>"});
						

						$("#seq").val(ret.seq    ); /*  */
						$("#use_yn").val(ret.use_yn    ); /*  */
						$("#notice_msg").val(ret.notice_msg    ); /*  */
						
					}
			    }).trigger('reloadGrid');
	});
	
	
	


}


-->
	</script>


<form id="frmCttInfo">
<div id="content" class="w1200">
	<!-- 1depth title -->
	<div class="title clfix">
		<h1>한줄공지관리</h1>
	</div>
	<!-- // 1depth title -->

	<!-- .table_rightA s : 회원특이사항관리 -->
	<div class="table_rightA">
		<!-- title_menu s -->
		<div class="title_menu clfix">
			<div class="field marT0L">
				<div class="fl">
					<span class="leftLine03">중요</span>
					<select id="selImptYn_Srch" class="w77 NoClear">
						<option value="">전체</option>
						<option value="Y">Y</option>
						<option value="N">N</option>				
					</select>
				</div>		

			</div>
			<span class="conBtnT01">
				<span class="btnY"><button type="button" id="btn_Srch">조회</button></span>
			</span>
		</div>
		<!--// title_menu e -->

		<!-- 특이사항 리스트 -->
        <div style="width:100%; border:#c0c0c0 solid 0px; position:relative; left:0px; height:213px; top:0px; padding-bottom:10px;">
			<table id="gridList"></table>
        </div>
		<!--// 특이사항 리스트 -->
        
		<!-- 특이사항 상세 -->
		<table summary="상세" class="tb_type">
			<colgroup>
				<col width="*" />
				<col width="42%" />
				<col width="8%" />
				<col width="42%" />
			</colgroup>
			<tbody>
				<tr>
					<th scope="row"><em>SEQ</em></th>
					<td class="al" style="valign:center;">
						<p class="posiR">
							<span class="txt22"><input type="text"  id="seq" class="text_n w70p" value="" readOnly/></span>
							
						</p>
					</td>
					<th scope="row"><em>사용여부</em></th>
					<td class="al bgP">
						<div class="field pd0">
							<select id="use_yn" class="w10p bgRed">
									<option value="Y" >Y</option>
									<option value="N" >N</option>
							</select>
						</div>
					</td>
				</tr>
				<tr class="lastLine02"><!-- [0409_수정] 클래스명 추가 -->
					<th scope="row"><em>한줄공지</em></th>
					<td colspan="3" class="pdL0">
						<div class="field">
							<textarea id="notice_msg" name="notice_msg" style="ime-mode:active" cols="100" rows="27" class="textarea_e cns10txA" ></textarea>
						</div>
					</td>
				</tr>
			</tbody>
		</table>

	</div>

	<!-- .btnR s -->
	<div class="ar">
		<a href="#" id="btnNew" class="btn_gy02"><span class="size01">신규</span></a>
		<a href="#" id="btnSave" class="btn_gy02"><span class="size01">저장</span></a>
		<a href="#" id="btnDel" class="btn_gy02"><span class="size01">삭제</span></a>
	</div>
	<!-- .btnR e -->
</div>
<!-- #content e -->
